<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Title</title>
  <link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="../libs/sweet-alert.css">
  <link rel="stylesheet" href="../stylesheets/common.css">
  <style>
	.sweet-overlay {
		z-index: 10002;
	}
	.sweet-alert {
		z-index: 10003;
	}
	label.error {
		color: red;
	}
	.error:not(label) {
		border-color: red;
	}
	
	.editor {
		height: auto;
		padding: 0;
	}
	
	.editor .w-e-toolbar,
	.editor .w-e-text-container {
		border-color: transparent !important;
	}
  </style>
</head>
<body>

<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
  <a class="navbar-brand" href="#">
	  <img width="30" src="../images/wbb.jpeg" alt="">
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="../index.html">首页</a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="./posts.html">文章</a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="../about.html">关于我们</a>
      </li>
    </ul>
  </div>
</nav>
<section class="content">
	<aside class="bg-info">
		<a class="nav-link text-light" href="../index.html">首页</a>
		<a class="nav-link text-danger" href="./posts.html">文章</a>
		<a class="nav-link text-light" href="../about.html">关于我们</a>
	</aside>
	<main>
		<div class="d-flex justify-content-between align-items-center">
			<h1>修改文章</h1>
		</div>
		
		<form class="needs-validation">
		  <div class="form-group">
		    <label class="col-form-label" for="title">标题</label>
		    <input name="title" type="text" class="form-control" id="title">
		  </div>
		  <div class="form-group">
		    <label for="description">描述</label>
		    <input name="description" type="text" class="form-control" id="description">
		  </div>
		  <div class="form-row">
		      <div class="form-group col-md-6">
		        <label for="poster">海报</label>
		        <input name="poster" type="text" class="form-control" id="poster">
		      </div>
		      <div class="form-group col-md-3">
		        <label for="author">发布者</label>
		        <input name="author" type="text" class="form-control" id="author">
		      </div>
			  <div class="form-group col-md-3">
			    <label for="type">类型</label>
				<select name="type" class="form-control" id="type">
					<option selected disabled value="">请选择...</option>
			    </select>
			  </div>
		  </div>
		  <div class="form-group">
		    <label for="detail">详情</label>
		    <!-- <textarea name="detail" class="form-control" rows="10" id="detail"></textarea> -->
		    <div name="detail" class="form-control editor" id="detail"></div>
		  </div>
		  <button type="submit" class="btn btn-primary">确认修改</button>
		</form>
		<a href="./posts.html" class="btn btn-primary">返回</a>
		
	</main>
</section>

<script src="../js/jquery-3.5.1.js"></script>
<script src="../libs/bootstrap/js/bootstrap.bundle.js"></script>
<script src="../libs/jquery.validate.js"></script>
<script src="../libs/messages_zh.js"></script>
<script src="../libs/wangEditor.js"></script>
<script src="../libs/sweet-alert.js"></script>
<script src="../js/posts/edit.js"></script>
</body>
</html>
